<div>
    <div class="layui-form-item " style="text-align: left;">
        <select  class="layui-input " style="width: 35%;display: inline;"
            v-model="registerInfo.selectProv" @change="getProv(registerInfo.selectProv)">
            <option value='' disabled selected style='display:none;'>
                {{vc.i18n('请选择省','register')}}
            </option>
            <option v-for="(item,index) in registerInfo.provs" :label="item.areaName" :value="item.areaCode">
                {{item.areaName}}
            </option>
        </select>
        <select  class="layui-input " style="width: 30%;display: inline;"
            v-model="registerInfo.selectCity"
            @change="getCity(registerInfo.selectCity)">
            <option value='' disabled selected style='display:none;'>
                {{vc.i18n('请选择城市','register')}}
            </option>
            <option v-for="(item,index) in registerInfo.citys" :label="item.areaName" :value="item.areaCode">
                {{item.areaName}}
            </option>
        </select>
        <select  class="layui-input " style="width: 30%;display: inline;"
            v-model="registerInfo.selectArea"
            @change="getArea(registerInfo.selectArea)">
            <option value='' disabled selected style='display:none;'>
                {{vc.i18n('请选择区县','register')}}
            </option>
            <option v-for="(item,index) in registerInfo.areas" :label="item.areaName" :value="item.areaCode">
                {{item.areaName}}
            </option>
        </select>
    </div>
    <div class="layui-form-item">
        <input class="layui-input" v-model="registerInfo.shopName" placeholder="请输入商铺名称" type="text">
    </div>
    <div class="layui-form-item ">
        <select class="layui-input  " style="display: inline;" v-model="registerInfo.shopType">
            <option value='' disabled selected>
                {{vc.i18n('请选择商铺类型','register')}}
            </option>
            <option :value="item.shopTypeId" :label="item.typeName"  v-for="(item,index) in registerInfo.shopTypes">
                {{item.typeName}}
            </option>
        </select>
    </div>
    <div class="layui-form-item">
        <input class="layui-input" v-model="registerInfo.passwd" placeholder="请输入密码" type="password" maxlength="20"
            lay-verify="required|pwd" autocomplete="off">
    </div>
    <!-- <div class="layui-form-item" style="float: left;margin-left: -10px;">
            <input lay-filter="agreen-checkbox" title="我同意" type="checkbox" lay-skin="primary" checked>
            <a href="#" target="_blank">《注册协议》</a>
        </div> -->
    <div class="layui-form-item">
        <button id="reg" type="submit" v-on:click="doRegister()"
            class="login_btn layui-btn layui-btn-radius layui-btn-normal" lay-submit lay-filter="register">
            <vc:i18n name="register"></vc:i18n>
        </button>
    </div>

    <vc:create path="frame/initData"></vc:create>

</div>